<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>redio react</title>
</head>
	<script src="build/react.min.js"></script>
	<script src="build/react-dom.min.js"></script>
    <script src="build/browser.min.js"></script>
<body>



<script type="text/babel">

	var Radio = React.createClass({
  getInitialState: function() {
    return {value: ''};
  },
  handleChange: function(event) {
    this.setState({value: event.target.value});
  },
  render: function () {
    return (
      <div>
        <input type="radio" value="广西" name="city" onChange={this.handleChange} />广西<br/>
        <input type="radio" value="广东" name="city" onChange={this.handleChange} />广东<br/>
        <input type="radio" value="北京" name="city" onChange={this.handleChange} />北京<br/>
        <p>{this.state.value}</p>
      </div>
    );
  }
});

ReactDOM.render(<Radio/>, document.body);
</script>
</body>
</html>